<template>
  <div>
    <el-breadcrumb separator="">
      <el-breadcrumb-item class="line" :to="{ path: $route.path }">{{
        $route.meta.title
      }}</el-breadcrumb-item>
      <el-button plain class="right">
        <a @click="close">
          <i class="el-icon-close"></i>
          关闭
        </a>
      </el-button>
    </el-breadcrumb>
    <!-- 订单追踪 -->
    <el-container>
      <el-main>
        <el-container class="parent-body">
          <el-header class="content-header">
            订单跟踪
          </el-header>
          <el-main class="info-main padding-style">
            <div class="orderStep">
              <el-steps direction="vertical" :active="7">
                <el-step
                  title="订单已提交，等待付款"
                  description="2018-04-01 12:00:00 "
                >
                  <i class="el-icon-coin" slot="icon" />
                </el-step>
                <el-step
                  title="订单付款成功"
                  description="2018-04-01 12:00:00 "
                >
                  <i class="el-icon-coin" slot="icon" />
                </el-step>
                <el-step
                  title="在东方之珠公司地点扫描"
                  description="2018-04-01 12:00:00 "
                >
                  <i class="el-icon-coin" slot="icon" />
                </el-step>
                <el-step
                  title="在分拨中心上海浦东公司进行卸车扫描"
                  description="2018-04-01 12:00:00 "
                >
                  <i class="el-icon-coin" slot="icon" />
                </el-step>
                <el-step
                  title="在上海浦东公司进行发出扫描"
                  description="2018-04-01 12:00:00 "
                >
                  <i class="el-icon-coin" slot="icon" />
                </el-step>
                <el-step
                  title="到达目的地网点上海市浦东区，快件将很快进行派送"
                  description="2018-04-01 12:00:00 "
                >
                  <i class="el-icon-coin" slot="icon" />
                </el-step>
                <el-step
                  title="订单已签收，期待再次为您服务"
                  description="2018-04-01 12:00:00 "
                >
                  <i class="el-icon-coin" slot="icon" />
                </el-step>
              </el-steps>
            </div>
          </el-main>
        </el-container>
      </el-main>
    </el-container>
  </div>
</template>
<script>
export default {
  methods: {
    close() {
      window.opener = null
      window.open("about:blank", "_top").close()
    }
  }
}
</script>
<style scoped>
.orderStep {
  height: 550px;
  width: 1100px;
  margin-left: 80px;
  margin-top: 30px;
  font-size: 14px;
}
</style>
